<?php

/* html/home/select.tpl.html */
class __TwigTemplate_cb7083ff20f3582d3b1bee67248171817142ea3a2bb488c65de02a237a629bf5 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "<!DOCTYPE>
<html>
\t<head>
\t\t<meta charset='utf-8'>
\t\t<meta name=\"viewport\" content=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\">
\t\t<title>选择用户</title>
\t\t<style>
\t\t\t*{
\t\t\tpadding:0;
\t\t\tmargin:0;
\t\t}
\t\t\t.head{
\t\t\t\twidth:100%;
\t\t\t}
\t\t\t.head img{
\t\t\t\twidth:100%;
\t\t\t}
\t\t\t
\t\t\t.content{
\t\t\t\tdisplay:flex;
\t\t\t\t flex-direction:column;
\t\t\t}
\t\t\t.user_input,.button{
\t\t\t\tdisplay:flex;
\t\t\t\tjustify-content:center;
\t\t\t\theight:3rem;
\t\t\t\tmargin-top:2rem;
\t\t\t}
\t\t\t.user_input input{
\t\t\t\tborder-radius:.5rem;
\t\t\t\tborder:1px solid #bbb;
\t\t\t\twidth:80%;
\t\t\t\t
\t\t\t}
\t\t\t.button button{
\t\t\t\twidth:80%;
\t\t\t\tborder-radius:.5rem;
\t\t\t\tbackground-color:#fed200;
\t\t\t\tborder:1px solid #bbb;
\t\t\t}
\t\t</style>
\t</head>
\t<body>
\t\t<div class='head'>
\t\t\t
\t\t\t<img src='/static/home/img/select.jpg'  usemap=\"#planetmap\">
\t\t\t<map name=\"planetmap\" id=\"planetmap\">
\t\t\t\t <area shape=\"rect\" coords=\"509,1750,1400,2074\" class='planetSelect' onclick='liantong()' alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"509,2214,1400,2538\" class='planetSelect' onclick='otherPeople()' alt=\"Sun\" />
\t\t\t</map>
\t\t</div>
\t\t<div class='content'>
\t\t\t<!--<div class='button'>
\t\t\t\t<button onclick='liantong()'>联通用户</button>
\t\t\t</div>
\t\t\t<div class='button'>
\t\t\t\t<button onclick='otherPeople()'>其他用户</button>
\t\t\t</div>-->
\t\t\t
\t\t</div>
\t\t<script src=\"/static/common/js/jquery-2.1.4.min.js\"></script>
\t\t<script>
\t\t\tchangeCoords();
\t\t\tfunction changeCoords(){
\t\t\t\tvar width = document.body.offsetWidth;
\t\t\t\tvar height = document.body.offsetHeith;
\t\t\t\tif (1920 == width) return;
\t\t\t\tvar percent = width/1920;
\t\t\t\t\$(\".planetSelect\").each(function(){
\t\t\t\t\tvar coords = \$(this).attr(\"coords\");
\t\t\t\t\tvar arr = coords.split(\",\");
\t\t\t\t\tfor(var i=0;i<arr.length;i++){
\t\t\t\t\t\tarr[i] *= percent;
\t\t\t\t\t}
\t\t\t\t\tvar str = arr.join(\",\");
\t\t\t\t\t\$(this).attr(\"coords\",str);
\t\t\t\t});
\t\t\t}
\t\t\tfunction liantong(){
\t\t\t\tlocalStorage.setItem(\"userSelect\", \"2\");//联通用户
\t\t\t\twindow.location.href = '/home/1.html';
\t\t\t}
\t\t\tfunction otherPeople(){
\t\t\t\tlocalStorage.setItem(\"userSelect\", \"1\");//其他用户
\t\t\t\twindow.location.href = '/home/1.html';
\t\t\t}
\t\t</script>
\t</body>
</html>";
    }

    public function getTemplateName()
    {
        return "html/home/select.tpl.html";
    }

    public function getDebugInfo()
    {
        return array (  19 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("<!DOCTYPE>
<html>
\t<head>
\t\t<meta charset='utf-8'>
\t\t<meta name=\"viewport\" content=\"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\">
\t\t<title>选择用户</title>
\t\t<style>
\t\t\t*{
\t\t\tpadding:0;
\t\t\tmargin:0;
\t\t}
\t\t\t.head{
\t\t\t\twidth:100%;
\t\t\t}
\t\t\t.head img{
\t\t\t\twidth:100%;
\t\t\t}
\t\t\t
\t\t\t.content{
\t\t\t\tdisplay:flex;
\t\t\t\t flex-direction:column;
\t\t\t}
\t\t\t.user_input,.button{
\t\t\t\tdisplay:flex;
\t\t\t\tjustify-content:center;
\t\t\t\theight:3rem;
\t\t\t\tmargin-top:2rem;
\t\t\t}
\t\t\t.user_input input{
\t\t\t\tborder-radius:.5rem;
\t\t\t\tborder:1px solid #bbb;
\t\t\t\twidth:80%;
\t\t\t\t
\t\t\t}
\t\t\t.button button{
\t\t\t\twidth:80%;
\t\t\t\tborder-radius:.5rem;
\t\t\t\tbackground-color:#fed200;
\t\t\t\tborder:1px solid #bbb;
\t\t\t}
\t\t</style>
\t</head>
\t<body>
\t\t<div class='head'>
\t\t\t
\t\t\t<img src='/static/home/img/select.jpg'  usemap=\"#planetmap\">
\t\t\t<map name=\"planetmap\" id=\"planetmap\">
\t\t\t\t <area shape=\"rect\" coords=\"509,1750,1400,2074\" class='planetSelect' onclick='liantong()' alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"509,2214,1400,2538\" class='planetSelect' onclick='otherPeople()' alt=\"Sun\" />
\t\t\t</map>
\t\t</div>
\t\t<div class='content'>
\t\t\t<!--<div class='button'>
\t\t\t\t<button onclick='liantong()'>联通用户</button>
\t\t\t</div>
\t\t\t<div class='button'>
\t\t\t\t<button onclick='otherPeople()'>其他用户</button>
\t\t\t</div>-->
\t\t\t
\t\t</div>
\t\t<script src=\"/static/common/js/jquery-2.1.4.min.js\"></script>
\t\t<script>
\t\t\tchangeCoords();
\t\t\tfunction changeCoords(){
\t\t\t\tvar width = document.body.offsetWidth;
\t\t\t\tvar height = document.body.offsetHeith;
\t\t\t\tif (1920 == width) return;
\t\t\t\tvar percent = width/1920;
\t\t\t\t\$(\".planetSelect\").each(function(){
\t\t\t\t\tvar coords = \$(this).attr(\"coords\");
\t\t\t\t\tvar arr = coords.split(\",\");
\t\t\t\t\tfor(var i=0;i<arr.length;i++){
\t\t\t\t\t\tarr[i] *= percent;
\t\t\t\t\t}
\t\t\t\t\tvar str = arr.join(\",\");
\t\t\t\t\t\$(this).attr(\"coords\",str);
\t\t\t\t});
\t\t\t}
\t\t\tfunction liantong(){
\t\t\t\tlocalStorage.setItem(\"userSelect\", \"2\");//联通用户
\t\t\t\twindow.location.href = '/home/1.html';
\t\t\t}
\t\t\tfunction otherPeople(){
\t\t\t\tlocalStorage.setItem(\"userSelect\", \"1\");//其他用户
\t\t\t\twindow.location.href = '/home/1.html';
\t\t\t}
\t\t</script>
\t</body>
</html>", "html/home/select.tpl.html", "D:\\soft\\phpstudy\\WWW\\liantongh5\\app\\views\\tpl\\html\\home\\select.tpl.html");
    }
}
